<template>
  <div>
   <div class="recommend">精选推荐</div>
     <div class="recommend1"><img src="https://file05.c.hihonor.com/pimages/detailImg/2022/11/10/DDF0593AE0DFB78F7FD9B8AD233E7BC9FF399AA6243BA548.jpg" alt=""></div>
     <div class="recommend2"><img src="https://file05.c.hihonor.com/pimages/detailImg/2022/09/15//33376D075F795438E0E6FC7A145B90E8070F12EFC56F207E.jpg" alt=""></div>
     <div class="recommend3"><img src="https://file05.c.hihonor.com/pimages/detailImg/2022/09/15//4E4DCD754920DE4849BBB5FA6E15BADB382FE080C307765D.jpg" alt=""></div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.recommend{
    width: 15.25rem;
    min-height: 5.375rem;
    font-size:.8125rem ;
    margin-left: .9375rem;
    font-weight:700 ;
    margin-top: -3.875rem;
}
.recommend1{
    width: 100%;
    height: 34.1875rem;
}
.recommend1 img{
    width: 100%;
    height:34.1875rem ;
}
.recommend2{
    width: 100%;
    height: 23.4375rem;
}
.recommend2 img{
    width: 100%;
    height:23.4375rem ;
}
.recommend3{
    width:100%;
    height:56.75rem;
}
.recommend3 img{
    width: 100%;
    height:56.75rem ;
}
</style>
